import Vue from 'vue';
import Vuetify from 'vuetify/lib/framework';

import rect from '../components/icons/rect.vue'
import circle from '../components/icons/circle.vue'
import triangle from '../components/icons/triangle.vue'
import line from '../components/icons/line.vue'
import arrow from '../components/icons/arrow.vue'
import arrowTop from '../components/icons/arrowTop.vue'
import arrowBottom from '../components/icons/arrowBottom.vue'
import polygon from '../components/icons/polygon.vue'
import pen from '../components/icons/pen.vue'
import edge from '../components/icons/edge.vue'
import chrome from '../components/icons/chrome.vue'
import firefox from '../components/icons/firefox.vue'
import san60 from '../components/icons/san60.vue'
import sougou from '../components/icons/sougou.vue'

Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    values: {
      rect: {
        component: rect,
        props: {
          name: 'rect',
        },
      },
      circle: {
        component: circle,
        props: {
          name: 'circle',
        },
      },
      triangle: {
        component: triangle,
        props: {
          name: 'triangle',
        },
      },
      line: {
        component: line,
        props: {
          name: 'line',
        },
      },
      arrow: {
        component: arrow,
        props: {
          name: 'arrow',
        },
      },
      arrowTop: {
        component: arrowTop,
        props: {
          name: 'arrowTop',
        },
      },
      arrowBottom: {
        component: arrowBottom,
        props: {
          name: 'arrowBottom',
        },
      },
      polygon: {
        component: polygon,
        props: {
          name: 'polygon',
        },
      },
      pen: {
        component: pen,
        props: {
          name: 'pen'
        }
      },
      edge: {
        component: edge,
        props: {
          name: 'edge'
        }
      },
      chrome: {
        component: chrome,
        props: {
          name: 'chrome'
        }
      },
      firefox: {
        component: firefox,
        props: {
          name: 'firefox'
        }
      },
      san60: {
        component: san60,
        props: {
          name: 'san60'
        }
      },
      sougou: {
        component: sougou,
        props: {
          name: 'sougou'
        }
      },     
    },
  },
});
